<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="zh-cn" />
<title>登录</title>
<link href="../css/global.css" rel="stylesheet" type="text/css" />
<link href="../css/login.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery.min.js"></script>
<!--[if IE 6]>
<script src="../js/DD_belatedPNG.js"></script>
<script>
	DD_belatedPNG.fix('.hd_search,.index_promo .channels .intro i,.cart_box .product_show,.cart_bg_hd,.cart_bg_md,.cart_bg_ft,.logined_user');
</script>
<![endif]--> 
<style type="text/css">
.mod_box{margin-bottom:0;}
</style>
</head>
<body>
<div id="container">
	<div id="header">
		<h1 class="logo"><a href="#" title="Cool Pie 酷派"><img src="../images/logo.png" alt="Cool Pie 酷派" width="250" height="74" /></a></h1>
		<ul class="toor_bar">
			<li class="search has_sub">
				<a href="javascript:void(0)" class="sub_hd"><i></i>搜索</a>
				<div class="sub">
					<form action="#" class="hd_search">
					<input type="text" name="" class="keyword" value="外套"/>
					<button type="submit" class="submit_btn">搜索</button>
				</form>
				</div>
			</li>
			<li class="cart"><a href="#"><i></i>购物车(0)</a></li>
			<li class="login has_sub">
				<a href="#"><i></i>登录<em></em></a>
				<!--<div class="sub">
					<div class="hd_login">
						<div class="login_link">
							<a href="###" class="sina">用新浪微博账号登陆</a>
							<a href="###" class="qq">用QQ账号登陆</a>
						</div>
					</div>
				</div>-->
			</li>
			<li class="register"><a href="#"><i></i>注册</a></li>
		</ul>
		<ul class="nav">
			<li>
				<a href="javascript:void(0)">coolpie首页<b></b></a>
			</li>
			<li>
				<a href="javascript:void(0)">商品分类<b></b></a>
				<div class="sub_menu">
					<ul>
						<li><a href="#">服饰商品</a></li>
						<li><a href="#">电子商品</a></li>
						<li><a href="#">日用百货</a></li>
						<li><a href="#">其他商品</a></li>
					</ul>
					<b></b>
				</div>
			</li>
			<li>
				<a href="javascript:void(0)">关于coolpie<b></b></a>
			</li>
		</ul>
	</div>

	<div id="main">
	<div class="login_page">
		<div id="Tab1"> 
			<div class="Menubox"> 
				<ul> 
					<li id="tab11" class="hover"><a href="login.html">用户登录</a></li> 
					<li id="tab12" ><a href="register.html">新用户注册</a></li> 
				</ul>
				<div class="clear"></div>
			</div>
			<div class="Contentbox"> 
				<div id="tab11content" class="hover">
					<div class="type_info">
						<p class="cnt">请输入您的用户名和密码：</p>
						<form action="#" class="login_form">
							<p><label>用户名：</label><input type="text" class="text name" /></p>
							<p><label>密码：</label><input type="password" class="text pw" /></p>
							<span class="help"><a href="###" class="tips">忘记密码？点击找回</a></span>
							<p><label>角色选择：</label>
							<span class="role"><input type ="radio" value = "消费者" name="role"/>消费者</span>
							<span class="role"><input type ="radio" value = "商家" name="role"/>商家</span></p>
							<p class="btnline"><input type="button" class="btn go" value="确定" /><input type="reset" class="btn reset" value="重置" /></p>
							<span class="help"><a href="###" class="tips">还没有账号？点击注册额</a></span>
						</form>
					</div>
				</div> 
			</div> 
		</div> 
	</div>

	<div id="footer">
		<p class="copyright">Copyright idolgo.com 2011 ICP证：XXXXXXXXXXXX </p>
		<ul class="links">
			<li><a href="#">首页</a></li>
			<li><a href="#">商城</a></li>
			<li><a href="#">公司介绍</a></li>
			<li><a href="#">购物车</a></li>
			<li><a href="#">社区</a></li>
			<li><a href="#">加入idolgo</a></li>
			<li><a href="#">发起项目</a></li>
			<li><a href="#">F&Q</a></li>
			<li><a href="#">联系我们</a></li>
			<li><a href="#">参与项目</a></li>
			<li><a href="#">捣鼓攻略</a></li>
			<li><a href="#">隐私声明</a></li>
		</ul>
	</div>
</div>
</div>
<script type="text/javascript">
	//导航子菜单
	$('#header .nav>li').hover(function(){
			$('.sub_menu',$(this)).slideDown(150);
		},
		function(){
			$('.sub_menu',$(this)).slideUp(150);
		}
	);
	//头部链接子菜单显示
	$('#header .toor_bar .has_sub').hover(function(){
			$(this).addClass('on');
			$('.sub_hd',$(this)).addClass('on');
		},
		function(){
			$(this).removeClass('on');
			$('.sub_hd',$(this)).removeClass('on');
		}
	);

	var hideSearchTxt = function(inputObj){
			var originValue=$(inputObj).val();
			$(inputObj).focus(function () {
				if($(this).val()== originValue){
					$(this).val('');
				}
			});
			$(inputObj).blur(function () {
				if($.trim($(this).val()) == ''){
					$(this).val(originValue);
				}
			});
		};
		hideSearchTxt('.hd_search .keyword');
		hideSearchTxt('#remark');
		var text_num = $(".text").length;
		for(var i=0;i<text_num;i++){
			hideSearchTxt('.text:eq('+i+')');
		}
		//
		$('.new_recomend_list li').hover(function(){
			$(this).addClass('on');
		},
		function(){
			$(this).removeClass('on');
		}
	);
</script>
<script type="text/javascript">
function detail_slide(){
	if($(".hd")){
		for(i=0;i<$(".hd").length;i++){
			$(".hd:eq("+i+")").attr('index',0);
			$(".hd:eq(0)").attr('index',1);
			$(".hd:eq("+i+")").click(function(){
				if($(this).attr("index") == 0){
					$(this).next().slideDown("fast");
					$(this).attr('index',1);
					$(this).addClass('curtag');
						}else{
					$(this).next().slideUp("fast");
					$(this).attr('index',0);
					$(this).removeClass('curtag');
					}
			});
		}
	}
} 
function modification(){
	var cou1=0;
	var cou2=0;
	$(".modification").click(function(){
		if($(this).attr("num") == 1){
			$(".modification1").slideToggle("fast");
			if(cou1==0){$(this).text("取消");cou1=1}
			else {$(this).text("修改");cou1=0}
		}
		if($(this).attr("num") == 2){
			$(".modification2").slideToggle("fast");
			if(cou2==0){$(this).text("取消");cou2=1}
			else {$(this).text("修改");cou2=0}
		}
	});
}
detail_slide();
modification();
 </script>
</body>
</html>
